<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title>{% block title %}{% endblock %}</title>
  <link rel="stylesheet" href="/site_media/style.css" type="text/css" />
</head>
<body >

<div class="header">
  <div id="nav">
    <a href="/">home</a> |
    {% if user.is_authenticated %}
      welcome {{ user.username }}
      (<a href="/logout">logout</a>)
    {% else %}
      <a href="/login/">login</a>|
      <a href="/register/">register</a>
    {% endif %}
  </div>
  <div id="info">
  <a>This is information-field</a>
  </div>
</div>

<div class="title">
  <h1>{% block head %}{% endblock %}</h1>
</div>

<div id="main">

<div id="left">
  {% block content %}{% endblock %}
</div>
  
<div id="right">
  <div id="side_bar_1">
  <p>this is side bar123456789</p>
  </br>
  </br>
  </br>
  </br>
  </br>
  </br>
  </br>
  <p>this is side bar</p>
  </div>
  <div id="side_bar_2">
  <p>sidebar2</p>
  </div>
  <div id="side_bar_3">
  <p>sidebar3</p>
  </div>
  <div id="side_bar_4">
  <p>sidebar4</p>
  </div>
  <div id="side_bar_5">
  <p>sidebar5</p>
  </div>
</div>

<div class="clear"></div>

</div>

<div class="footer"><a>footer</a></div>

</body>
</html>
